<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>Cursos Prefacultativos</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" type="text/css" href="css/main.css">
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('#myTabs a').click(function(e) {
                    e.preventDefault()
                    $(this).tab('show')
                });
            });
        </script>
    </head>
    <body>  
        <div class="wrapper">
            <header>
                <h1 class="title">Cursos Prefacultativos - FCYT</h1>
                <nav>
                    <ul>
                        <li><a href="http://www.fcyt.umss.edu.bo">FCYT</a></li>
                        <li><a href="http://sagaa.fcyt.umss.edu.bo/admision/noticias.php">ADMISIONES</a></li>
                        <li><a href="http://www.umss.edu.bo">UMSS</a></li>
                    </ul>
                </nav>
            </header>
            <div class="page">
                <aside>
                    <div class="list-group">
                        <a href="index.html" class="list-group-item">
                            <span class="badge"><span class="glyphicon glyphicon-home"></span></span>
                            Inicio
                        </a>
                        <a href="convocatoria.html" class="list-group-item">
                            <span class="badge"><span class="glyphicon glyphicon-list"></span></span>
                            Convocatoria
                        </a>
                        <a href="cronograma.html" class="list-group-item active">
                            <span class="badge"><span class="glyphicon glyphicon-calendar"></span></span>
                            Cronograma
                        </a>
                        <a href="documentos.html" class="list-group-item">
                            <span class="badge"><span class="glyphicon glyphicon-file"></span></span>
                            Documentos
                        </a>
                        <a href="formulario.html" class="list-group-item">
                            <span class="badge"><span class="glyphicon glyphicon-list-alt"></span></span>
                            Formulario
                        </a>
                        <a href="reglamento.html" class="list-group-item">
                            <span class="badge"><span class="glyphicon glyphicon-book"></span></span>
                            Reglamento
                        </a>
                        <a href="contactos.html" class="list-group-item">
                            <span class="badge"><span class="glyphicon glyphicon-phone-alt"></span></span>
                            Lugares Y Contactos
                        </a>
                    </div>
                </aside>
                <div class="content">
                    <div style="float: right; width: 100%; padding-bottom: 30px;">
                        <ul class="nav nav-tabs nav-justified" id="myTabs">
                            <li class="active"><a href="#calendario">Calendario</a></li>
                            <li class=""><a href="#proceso">Proceso de Inscripcion</a></li>
                        </ul>
                        <div class="tab-content" style="padding-top: 20px; text-align: justify;">
                            <div class="tab-pane active" id="calendario">

                                <style type="text/css">
                                    /* Styling for the title (Month and Year) of the calendar */
                                    div.title {
                                        font: x-large Verdana, Arial, Helvetica, sans-serif;
                                        text-align: center;
                                        height: 40px;
                                        background-color: white;
                                        color: black;
                                    }
                                    /* Styling for the footer */
                                    div.footer {
                                        font: small Verdana, Arial, Helvetica, sans-serif;
                                        text-align: center;
                                    }
                                    /* Styling for the overall table */
                                    table {
                                        font: 100% Verdana, Arial, Helvetica, sans-serif;
                                        table-layout: fixed;
                                        border-collapse: collapse;
                                        width: 100%;
                                    }
                                    /* Styling for the column headers (days of the week) */
                                    th {
                                        padding: 0 0.5em;
                                        text-align: center;
                                        background-color:gray;
                                        color:white;
                                    }
                                    /* Styling for the individual cells (days) */
                                    td  {     
                                        font-size: medium;
                                        padding: 0.25em 0.25em;   
                                        width: 14%; 
                                        height: 80px;
                                        text-align: left;
                                        vertical-align: top;
                                    }
                                    /* Styling for the date numbers */
                                    .date  {     
                                        font-size: x-large;
                                        padding: 0.25em 0.25em;   
                                        text-align: left;
                                        vertical-align: top;
                                    }
                                    /* Class for individual days (coming in future release) */
                                    .sun {
                                        color:red;
                                    }
                                    /* Hide the month element (coming in future release) */
                                    th.month {
                                        visibility: hidden;
                                        display:none;
                                    }
                                </style>
                                <center>
                                    <h2>Noviembre</h2>
                                    <h3>Fechas Importantes</h3>
                                    <table border="1">
                                        <tr><th>Lunes</th><th>Martes</th><th>Mi&eacute;rcoles</th><th>Jueves</th><th>Viernes</th><th>S&aacute;bado</th><th>Domingo</th></tr>
                                        <tr><td><span class="date">&nbsp;</span></td><td><span class="date">&nbsp;</span></td><td><span class="date">&nbsp;</span></td><td><span class="date">&nbsp;</span></td><td><span class="date">&nbsp;</span></td><td><span class="date">&nbsp;</span></td><td><span class="date">1</span></td></tr>
                                        <tr><td><span class="date">2</span></td><td><span class="date">3</span></td><td><span class="date">4</span><p>Formulario disponible</p><p>Reglamento Disponible</p></td><td><span class="date">5</span><p>Formulario disponible</p><p>Reglamento Disponible</p></td><td><span class="date">6</span><p>Formulario disponible</p><p>Reglamento Disponible</p></td><td><span class="date">7</span><p>Formulario disponible</p><p>Reglamento Disponible</p></td><td><span class="date">8</span><p>Formulario disponible</p><p>Reglamento Disponible</p></td></tr>
                                        <tr><td><span class="date">9</span><p>Formulario disponible</p><p>Reglamento Disponible</p></td><td><span class="date">10</span><p>Formulario disponible</p><p>Reglamento Disponible</p></td><td><span class="date">11</span><p>Inscripcion</p></td><td><span class="date">12</span><p>Inscripcion</p></td><td><span class="date">13</span></td><td><span class="date">14</span></td><td><span class="date">15</span></td></tr>
                                        <tr><td><span class="date">16</span></td><td><span class="date">17</span></td><td><span class="date">18</span></td><td><span class="date">19</span></td><td><span class="date">20</span></td><td><span class="date">21</span></td><td><span class="date">22</span></td></tr>
                                        <tr><td><span class="date">23</span></td><td><span class="date">24</span></td><td><span class="date">25</span></td><td><span class="date">26</span></td><td><span class="date">27</span></td><td><span class="date">28</span></td><td><span class="date">29</span></td></tr>
                                        <tr><td><span class="date">30</span></td><td><span class="date">&nbsp;</span></td><td><span class="date">&nbsp;</span></td><td><span class="date">&nbsp;</span></td><td><span class="date">&nbsp;</span></td><td><span class="date">&nbsp;</span></td><td><span class="date">&nbsp;</span></td></tr>
                                    </table>
                                </center>
                            </div>
                            <div class="tab-pane" id="proceso">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="push"></div>
        </div>
        <footer>
            <section>
                <p>&copy; 2013 - BraveSoft S.R.L.</p>
            </section>
        </footer>
    </body>
</html>
